<template>
  <div>
    <Pannel>
      <template #one>
        用户名：<br />
        <input type="text" />
      </template>
    </Pannel>
    <Pannel>
      <template #two>
        密码：<br />
        <input type="password" />
      </template>
    </Pannel>
    <Pannel>
      <template #three>
        性别：<br />
        <input type="radio" name="sex" />男 <input type="radio" name="sex" />女
      </template>
    </Pannel>

    <Pannel>
      <template #four>
        爱好：<br />
        <input type="checkbox" />读书 <input type="checkbox" />看报
        <input type="checkbox" />跑步
      </template>
    </Pannel>
    <Pannel>
      <template #five>
        来自于：<br />
        <select>
          <option value="北京" selected>北京</option>
          <option value="上海">上海</option>
          <option value="杭州">杭州</option>
        </select>
      </template>
    </Pannel>
  </div>
</template>

<script>
import Pannel from './Pannel.vue'
export default {
  components: { Pannel },
}
</script>

<style></style>
